/*定位*/
.pr{
  position: relative;
}
.pb{
  position: absolute;
}
.pf{
  position: fixed;
}
/*清除浮动*/
.clearFix {
  *zoom: 1;
  clear: both;
}
.clearFix::after,.clearFix::before{
  content: " ";
  display: table;
}
.clearFix::after{
  clear: both;
}
/*common*/
.margin-center{
  margin: 0 auto;
}
/*width*/
.width-whole{
  width: 100%;
}
/*text-align*/
.ta-l{text-align: left;}
.ta-c{text-align: center;}
.ta-r{text-align: right;}
/*padding margin*/
.pad-b10{
  padding-bottom: 10px;
}
.pad-b20{
  padding-bottom: 20px;
}
.pad-r5{
  padding-right: 5px;
}
.pad-r10{
  padding-right: 10px;
}
.pad-r20{
  padding-right: 20px;
}
.pad15{
  padding: 15px;
}
.pad-l10{
  padding-left: 10px;
}
.pad-t-b5{
  padding-top: 5px;
  padding-bottom: 5px;
}
.pad-t-b10{
  padding-top: 10px;
  padding-bottom: 10px;
}
.pad-l-r10{
  padding-left: 10px;
  padding-right: 10px;
}
.pad-r-l20{
  padding-left: 20px;
  padding-right: 20px;
}
.m10{
  margin: 10px;
}
.m20{
  margin: 20px;
}
.mt10{
  margin-top: 10px;
}
.mb0{
  margin-bottom: 0;
}
.mb10{
  margin-bottom: 10px;
}
.mb20{
  margin-bottom: 20px;
}
.ml30{
  margin-left: 30px;
}
.ml10{
  margin-left: 10px;
}
.mt30{
  margin-top: 30px;
}
.mr10{
  margin-right: 10px;
}
.mr20{
  margin-right: 30px;
}
.mr30{
  margin-right: 30px;
}
/*字体加粗*/
.bold{
  font-weight: 600;
}
/*字体大小*/
.f10{
  font-size: 10px;
}
.f12{
  font-size: 12px;
}
.f14{
  font-size: 14px;
}
.f16{
  font-size: 16px;
}
.f18{
  font-size: 18px;
}
.f20{
  font-size: 20px;
}
.f22{
  font-size: 22px;
}
.f26{
  font-size: 26px;
}
/*border-radius圆角*/
.br-2{
  border-radius:2px;
}
.br-4{
  border-radius:4px;
}
.br-6{
  border-radius:6px;
}
.br-8{
  border-radius:8px;
}
.br-10{
  border-radius:10px;
}
/*border边框*/
.bor-1-DEDEDE{
  border:1px  solid #DEDEDE ;
}
.bor-1-E6E6EA{
  border:1px  solid #E6E6EA ;
}
.bor-1-1E90FF {
  border:1px  solid #1E90FF;
}
.bor-1-BBBBBB{
  border:1px  solid #BBBBBB;
}
.bor-1-333{
  border:1px  solid #333;
}
.bor-1-fff{
  border:1px solid #fff;
}
.bor-1-ccc{
  border:1px  solid #CCCCCC;
}
/*color bgc-color*/
.c-000{
  color: #000;
}
.c-333{
  color:#333;
}
.c-666{
  color:#666;
}
.c-999 {
  color: #999;
}
.c-1E90FF{
  color: #1E90FF;
}
.c-fff{
  color: #fff;
}
.c-red{
  color: #ff4d51;
}
.red {
  color: red;
}
.bgc-708090{
  background-color: #708090;
}
.bgc-e2e2e2{
  background-color: #e2e2e2;
}
.bgc-B0C4DE{
  background-color: #B0C4DE;
}
.bgc-dcdee0{
  background-color: #dcdee0;
}
.bgc-fff{
  background-color: #fff;
}
/*flex布局*/
.flex{
  display: flex;
  display: -webkit-flex;
}
.flex-1{
  flex: 1;
}
.flex-wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
}
.l-start{
  align-items:flex-start;
  -webkit-align-items:flex-start;
}
.l-center{
  align-items:center;
  -webkit-align-items:center;
}
.l-end{
  align-items:flex-end;
  -webkit-align-items:flex-end;
}
.a-center{
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-pack: center;
  justify-content:center;
}
.a-left{
  justify-content : flex-start;
  -webkit-justify-content : flex-start;
}
.a-right{
  justify-content : flex-end;
  -webkit-justify-content : flex-end;
}
.a-between{
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.a-around{
  justify-content : space-around;
  -webkit-justify-content : space-around;
}
/*高亮加粗*/
.Highlight-bold{
  font-size: 22px;
  font-weight: 600;
  color: #1E90FF;
}
.redLight-bold{
  font-size: 20px;
  font-weight: 600;
  color: #ff340e;
}
.greenLight-bold{
  font-size: 20px;
  font-weight: 600;
  color: #22ff88;
}
/*设置浏览器滚动条样式，滚动不出现滚动条*/
.hidden-scroll {height: 100%; overflow-y: auto;}
.hidden-scroll::-webkit-scrollbar-track{background-color: transparent;width: 0;}
.hidden-scroll::-webkit-scrollbar{background-color: transparent;width: 0;display: none;}
.hidden-scroll::-webkit-scrollbar-thumb{background-color: transparent;width: 0;}
/*print-table*/
.printTable{margin-left: auto;margin-right: auto;text-align: center;border-collapse:collapse;}
.printTable>tr,.printTable>tr>th, .printTable>tr>td { border:1px solid #333;padding:4px 2px;line-height: 20px;}
@page {
  size: auto;  /* auto is the initial value */
  margin: 0; /* this affects the margin in the printer settings */
}
